<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>v-地址管理</title> 
<link href="../css/global.css" rel="stylesheet" type="text/css">
<link href="../css/v.css" rel="stylesheet" type="text/css">
<link href="../css/v-order.css" rel="stylesheet" type="text/css">
<link href="../css/v-personal.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="site-nav min-w">
	<div class="wrap clearfix">
		<div class="sn-info fr">
			<a href="javascript:void(0);" target="_blank">注册<span class="sn-line1">/</span>登录</a>
			<span class="sn-line">|</span>
			<a href="javascript:void(0);" target="_blank">我的订单</a>
			<a href="javascript:void(0);" target="_blank">我的收藏</a>
			<a href="javascript:void(0);" target="_blank">线下门店</a>
			<a href="javascript:void(0);" target="_blank">站内公告</a>
			<a href="javascript:void(0);" target="_blank">商家后台</a>
		</div>
	</div>
</div>
<div class="header min-w">
	<div class="wrap">
		<h1 class="logo"><img src="../images/logo.png">v+</h1>
		<div class="search-warp">
			<div class="search-form">
				<input type="text" class="search-text" placeholder="羽绒服">
				<button class="v-btn search-button">搜索</button>
				<p class="hot-search">
					<label class="search-label">热门搜索：</label>
					<a href="javascript:void(0);" target="_blank">免烫衬衫</a>
					<a href="javascript:void(0);" target="_blank">羽绒99元</a>
					<a href="javascript:void(0);" target="_blank">长款羽绒</a>
					<a href="javascript:void(0);" target="_blank">保暖内衣</a>
					<a href="javascript:void(0);" target="_blank">我的订单</a>
				</p>
			</div>
			<div class="shopping-cart">
				<a class="cart-span" href="javascript:;"><em class="v-icon cart-icon"></em>我的购物车<span class="cart-num">9</span></a>
				<div class="dropdown-wrap">
					<h2 class="cart-tit">最近加入的商品</h2>
					<div class="cart-con">
						<ul class="cart-ul">
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X </span>1<span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
							<li>
								<a href="javascropt:void(0);" class="cart-goods-link">
									<img src="#" class="cart-goods-img">
									<div class="cart-goods">
										<h3 class="cart-goods-name">阿玛尼EA正品男装男士亚麻休闲休闲</h3>
										<div class="cart-goods-info"><span>颜色：灰色</span><span>尺码：s</span></div>
										<span class="cart-goods-price"><strong>￥1699.00</strong> X <span>1</span></span>
										<span class="cart-del">删除</span>
									</div>
								</a>
							</li>
						</ul>
					</div>
					<div class="cart-count">
						<p>共<strong>6</strong>件商品</p>
						<p>共计<strong>￥5261.00</strong></p>
						<button class="v-btn cart-btn">去购物车查看</button>
					</div>
				</div>
		   </div>
		</div>
	</div>
</div>
<div class="home-nav min-w">
	<div class="wrap">
    	<div class="home-nav-item">
        	<a href="javascript:void(0);" class="home-nav-a home-index">首页<em class="v-icon nav-arr-top"></em></a>
        </div>
		<div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a cur">上衣<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">裤子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
                <a href="javascript:void(0);">裤子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">鞋子<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
                <a href="javascript:void(0);">鞋子</a>
            </div>
        </div>
        <div class="home-nav-item">
            <a href="javascript:void(0);" class="home-nav-a">配饰<em class="v-icon nav-arr-top"></em></a>
            <div class="home-nav-dropdown">
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">配饰</a>
                <a href="javascript:void(0);">上衣</a>
                <a href="javascript:void(0);">上衣</a>
            </div>
        </div>
	</div>
</div>
<div class="content min-w">
	<div class="crumb-nav wrap">
        <a href="javascript:void(0);">首页</a>
        <span class="crumb-arr">&gt;</span>
        <a href="javascript:void(0);">个人中心</a>
    </div>
	<div class="wrap clearfix">
    	<div class="v-center-l fl">
        	<div class="v-item v-center cur">
                <em class="v-icon center-icon"></em>
                <a href="javascript:;">个人中心</a>
            </div>
          <div class="v-item">
                <em class="v-icon u-order-icon"></em>
                <a href="javascript:;">我的订单</a>
                <ul class="v-subnav-aside">
                	<li><a href="javascript:;">全部订单</a></li>
                    <li><a href="javascript:;">待付款</a></li>
                    <li><a href="javascript:;">待发货</a></li>
                    <li><a href="javascript:;">待收货</a></li>
                    <li><a href="javascript:;">退款/售后</a></li>
                    
                </ul>
            </div>
            <div class="v-item">
                <em class="v-icon asset-icon"></em>
                <a href="javascript:;">我的资产</a>
                <ul class="v-subnav-aside">
                	<li><a href="javascript:;">我的优惠券</a></li>
                </ul>
            </div>
            <div class="v-item v-collect">
                <em class="v-icon collect-icon"></em>
                <a href="javascript:;">我的收藏</a>
                <ul class="v-subnav-aside">
                	<li><a href="javascript:;">收藏的商品</a></li>
                </ul>
            </div>
            <div class="v-item">
                <em class="v-icon data-icon"></em>
                <a href="javascript:;">我的资料</a>
                <ul class="v-subnav-aside">
                	<li><a href="javascript:;">个人资料</a></li>
                    <li><a href="javascript:;">地址管理</a></li>
                    <li><a href="javascript:;">安全设置</a></li>
                </ul>
            </div>
        </div>
        <div class="v-center-r fr">
        	<h2 class="v-r-tit center-tit clearfix">地址管理<span class="fr addr-max">（最多可添加6个收货地址）</span></h2>
        	<div class="addr-box addr-manage">
                <div class="addr-item selected">
                    <div class="addr-item-inner">
                        <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                        <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                        <div class="addr-tel">137****2020</div>
                        <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-default">默认地址</span><span class="addr-del">删除</span></div>
                        <span class="v-icon selected-i selected-i2"></span>
                    </div>
                </div>
                <div class="addr-item">
                    <div class="addr-item-inner">
                        <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                        <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                        <div class="addr-tel">137****2020</div>
                        <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                        <span class="v-icon selected-i selected-i2"></span>
                    </div>
                </div>
                <div class="addr-item">
                    <div class="addr-item-inner">
                        <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                        <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                        <div class="addr-tel">137****2020</div>
                        <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                        <span class="v-icon selected-i selected-i2"></span>
                    </div>
                </div>
                <div class="addr-item">
                    <div class="addr-item-inner">
                        <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                        <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                        <div class="addr-tel">137****2020</div>
                        <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                        <span class="v-icon selected-i selected-i2"></span>
                    </div>
                </div>
                <div class="addr-item">
                    <div class="addr-item-inner">
                        <h4 class="addr-name"><span>张珊珊</span><span class="fr">北京 北京市</span></h4>
                        <p class="addr-addr">东城区 安定门外大街185号 京宝大厦304京宝大厦</p>
                        <div class="addr-tel">137****2020</div>
                        <div class="addr-opera"><span class="addr-modify">修改</span><span class="addr-del">删除</span></div>
                        <span class="v-icon selected-i selected-i2"></span>
                    </div>
                </div>
            </div>
        	<button class="v-btn addr-mg-btn">新增收货地址</button>
        </div>
    </div>
</div>
<div class="float-pop consignee-pop">
	<div class="div-pop"></div>
    <div class="pop-wrap consignee-info">
    	<div class="pop-tit clearfix">
            <h3>添加收货人信息</h3>
            <span class="v-icon close-icon fr">关闭</span>
        </div>
        <div class="pop-con">
        	<ul class="cons-info-con">
                <li class="cons-consignee">
                    <label class="cons-label"><b>*</b>收件人：</label>
                    <div class="cons-input">
                        <input type="text" class="input-name">
                    </div>
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写收件人姓名</span>
                    </div>	
                </li>
                <li class="cons-tel">
                    <label class="cons-label"><b>*</b>手　　机：</label>
                    <div class="cons-input">
                        <input type="text"  class="input-tel" maxlength="11">
                    </div>
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写手机号</span>
                    </div>
                    <div class="cons-msg-error">
                        <em class="v-icon error-icon"></em>
                        <span class="msg-txt">手机号格式不正确</span>
                    </div>		
                </li>
                <li class="cons-devision">
                    <label class="cons-label"><b>*</b>所在地区：</label>
                    <div class="cons-input">
                        <div class="cons-select cons-select1">
                            <input type="text" class="cons-province" placeholder="请选择省份">
                            <span class="v-icon cons-down"></span>
                            <div class="cons-dorpdown  cons-dorpdown1">
                                <h3><span class="cons-drop-tit">请选择省份</span></h3>
                                <div class="cons-area">
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                </div>
                            </div>
                        </div>
                        <div class="cons-select cons-select2">
                            <input type="text" class="cons-city" placeholder="请选择城市">
                            <span class="v-icon cons-down"></span>
                            <div class="cons-dorpdown cons-dorpdown2">
                                <h3><span class="cons-drop-tit">请选择城市</span></h3>
                                <div class="cons-area">
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                    <a href="javascript:;">北京</a>
                                    <a href="javascript:;">福建</a>
                                    <a href="javascript:;">安徽</a>
                                    <a href="javascript:;">湖北</a>
                                    <a href="javascript:;">湖南</a>
                                    <a href="javascript:;">重庆</a>
                                    <a href="javascript:;">河北</a>
                                    <a href="javascript:;">河南</a>
                                </div>
                        	</div>
                        </div>
                        <div class="cons-select cons-select3">
                            <input type="text" class="cons-town" placeholder="请选择区县">
                            <span class="v-icon cons-down"></span>
                            <div class="cons-dorpdown cons-dorpdown3">
                            <h3><span class="cons-drop-tit">请选择区县</span></h3>
                            <div class="cons-area">
                                <a href="javascript:;">北京</a>
                                <a href="javascript:;">福建</a>
                                <a href="javascript:;">安徽</a>
                                <a href="javascript:;">湖北</a>
                                <a href="javascript:;">湖南</a>
                                <a href="javascript:;">重庆</a>
                                <a href="javascript:;">河北</a>
                                <a href="javascript:;">河南</a>
                                <a href="javascript:;">北京</a>
                                <a href="javascript:;">福建</a>
                                <a href="javascript:;">安徽</a>
                                <a href="javascript:;">湖北</a>
                                <a href="javascript:;">湖南</a>
                                <a href="javascript:;">重庆</a>
                                <a href="javascript:;">河北</a>
                                <a href="javascript:;">河南</a>
                            </div>
                        </div>
                        </div>
                        
                    </div>	
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请选择完整信息</span>
                    </div>
                </li>
                <li class="cons-street">
                    <label class="cons-label"><b>*</b>详细地址：</label>
                    <div class="cons-input">
                        <input type="text" class="input-add">
                    </div>	
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写完整信息</span>
                    </div>
                </li>
                <li class="cons-postalcode">
                    <label class="cons-label">邮政编码：</label>
                    <div class="cons-input">
                        <input type="text" class="input-zipcode" maxlength="6">
                    </div>	
                    <div class="cons-msg">
                        <em class="v-icon tips-icon"></em>
                        <span class="msg-txt">请填写邮政编码</span>
                    </div>
                    <div class="cons-msg-error">
                        <em class="v-icon error-icon"></em>
                        <span class="msg-txt">邮政编码格式不正确</span>
                    </div>	
                </li>
                <li class="cons-set">
                    <span class="check-con">
                        <em class="v-icon check-default"></em>
                        <label>设置为默认收货地址</label>
                    </span>
                </li>
                <li class="cons-btn">
                    <button class="v-btn cons-btn-save">保存收货人信息</button>
                    <button class="v-btn cons-btn-close">不保存并关闭</button>
                </li>
            </ul>
        </div>
    </div>
</div>
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="../js/common.js"></script>
<script src="../js/v-write-order.js"></script>
</body>
</html>
